<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Login</title>
    </h:head>
    <h:body style="background: url('/GestionPymes/imagenes/fondo2.png') repeat-y scroll 0 0 white;">
        <h:form>
            <div style="position: absolute; left:10px; top:10px;">
                <h:commandButton value="Crear datos de prueba" action="#{mock.creaDatos()}"/>
            </div>
        </h:form>
        <h:panelGroup rendered="#{not autenticador.logeado}">
            <div style="background: url('/GestionPymes/imagenes/fondo.png') no-repeat scroll 0 0 white;width: 640px;height: 400px;z-index: -100;position: absolute;top:0;left: 0;">
            </div>

            <div style="z-index: -99;position: absolute; left: 41.5%; top:20%;font-size: 25pt;font-weight: bolder;color: #85B2CB;">
                Gestion Pymes
            </div>
        </h:panelGroup>
        <h:panelGroup rendered="#{not autenticador.logeado}" style="position: absolute; top:40%;left: 38%;">
            <h:form id="formGrowl">
                <p:growl id="growl" showDetail="false"/>
            </h:form>

            <h:form>
                <p:focus for="usuario"/>

                <h:panelGrid columns="2">
                    <h:outputText value="Empresa"/>
                    <h:panelGrid columns="3">
                        <h:selectOneMenu value="#{credencial.empresa}">
                            <p:ajax update="sucursal"/>
                            <f:selectItems value="#{empresaBean.itemsAvailableSelectOne}"/>
                        </h:selectOneMenu>
                        <h:outputText value="Sucursal"/>
                        <h:selectOneMenu value="#{credencial.sucursal}" id="sucursal">
                            <f:selectItems value="#{sucursalBean.itemsAvailableSelectOne}"/>
                        </h:selectOneMenu>
                    </h:panelGrid>




                    <h:outputText value="Usuario"/>
                    <h:inputText value="#{credencial.usuario.usuario}" id="usuario" style="width: 185px; font-size: 10pt"/>
                    <h:outputText value="Contraseña"/>
                    <h:inputSecret value="#{credencial.usuario.plainClave}" style="width: 185px; font-size: 10pt"/>
                </h:panelGrid>


                <h:commandButton value="Login" action="#{autenticador.login()}"/>
            </h:form>
        </h:panelGroup>

    </h:body>
</html>

